

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chatlog</title>
    <style>
        .random-paragraph {
            display: none;
        }
    </style>
</head>
<body>
    <div id="paragraphContainer">
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ('-. .-.    ('-.      .-') _                                         
            ( OO )  /   ( OO ).-. (  OO) )                                        
   .-----.  ,--. ,--.   / . --. / /     '._   ,--.       .-'),-----.   ,----.     
  '  .--./  |  | |  |   | \-.  \  |'--...__)  |  |.-')  ( OO'  .-.  ' '  .-./-')  
  |  |('-.  |   .|  | .-'-'  |  | '--.  .--'  |  | OO ) /   |  | |  | |  |_( O- ) 
 /_) |OO  ) |       |  \| |_.'  |    |  |     |  |`-' | \_) |  |\|  | |  | .--, \ 
 ||  |`-'|  |  .-.  |   |  .-.  |    |  |    (|  '---.'   \ |  | |  |(|  | '. (_/ 
(_'  '--'\  |  | |  |   |  | |  |    |  |     |      |     `'  '-'  ' |  '--'  |  
   `-----'  `--' `--'   `--' `--'    `--'     `------'       `-----'   `------'    
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            _____  _             _    _               
            /  __ \| |           | |  | |              
            | /  \/| |__    __ _ | |_ | |  ___    __ _ 
            | |    | '_ \  / _` || __|| | / _ \  / _` |
            | \__/\| | | || (_| || |_ | || (_) || (_| |
             \____/|_| |_| \__,_| \__||_| \___/  \__, |
                                                  __/ |
                                                 |___/ 
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
                                                          
            ,-----. ,--.                 ,--.   ,--.                 
            '  .--./ |  ,---.   ,--,--. ,-'  '-. |  |  ,---.   ,---.  
            |  |     |  .-.  | ' ,-.  | '-.  .-' |  | | .-. | | .-. | 
            '  '--'\ |  | |  | \ '-'  |   |  |   |  | ' '-' ' ' '-' ' 
             `-----' `--' `--'  `--`--'   `--'   `--'  `---'  .`-  /  
                                                              `---'   
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ____   _               _     _                 
            / ___| | |__     __ _  | |_  | |   ___     __ _ 
           | |     | '_ \   / _` | | __| | |  / _ \   / _` |
           | |___  | | | | | (_| | | |_  | | | (_) | | (_| |
            \____| |_| |_|  \__,_|  \__| |_|  \___/   \__, |
                                                      |___/ 
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            _____                    _____                    _____                _____                    _____           _______                   _____          
            /\    \                  /\    \                  /\    \              /\    \                  /\    \         /::\    \                 /\    \         
           /::\    \                /::\____\                /::\    \            /::\    \                /::\____\       /::::\    \               /::\    \        
          /::::\    \              /:::/    /               /::::\    \           \:::\    \              /:::/    /      /::::::\    \             /::::\    \       
         /::::::\    \            /:::/    /               /::::::\    \           \:::\    \            /:::/    /      /::::::::\    \           /::::::\    \      
        /:::/\:::\    \          /:::/    /               /:::/\:::\    \           \:::\    \          /:::/    /      /:::/~~\:::\    \         /:::/\:::\    \     
       /:::/  \:::\    \        /:::/____/               /:::/__\:::\    \           \:::\    \        /:::/    /      /:::/    \:::\    \       /:::/  \:::\    \    
      /:::/    \:::\    \      /::::\    \              /::::\   \:::\    \          /::::\    \      /:::/    /      /:::/    / \:::\    \     /:::/    \:::\    \   
     /:::/    / \:::\    \    /::::::\    \   _____    /::::::\   \:::\    \        /::::::\    \    /:::/    /      /:::/____/   \:::\____\   /:::/    / \:::\    \  
    /:::/    /   \:::\    \  /:::/\:::\    \ /\    \  /:::/\:::\   \:::\    \      /:::/\:::\    \  /:::/    /      |:::|    |     |:::|    | /:::/    /   \:::\ ___\ 
   /:::/____/     \:::\____\/:::/  \:::\    /::\____\/:::/  \:::\   \:::\____\    /:::/  \:::\____\/:::/____/       |:::|____|     |:::|    |/:::/____/  ___\:::|    |
   \:::\    \      \::/    /\::/    \:::\  /:::/    /\::/    \:::\  /:::/    /   /:::/    \::/    /\:::\    \        \:::\    \   /:::/    / \:::\    \ /\  /:::|____|
    \:::\    \      \/____/  \/____/ \:::\/:::/    /  \/____/ \:::\/:::/    /   /:::/    / \/____/  \:::\    \        \:::\    \ /:::/    /   \:::\    /::\ \::/    / 
     \:::\    \                       \::::::/    /            \::::::/    /   /:::/    /            \:::\    \        \:::\    /:::/    /     \:::\   \:::\ \/____/  
      \:::\    \                       \::::/    /              \::::/    /   /:::/    /              \:::\    \        \:::\__/:::/    /       \:::\   \:::\____\    
       \:::\    \                      /:::/    /               /:::/    /    \::/    /                \:::\    \        \::::::::/    /         \:::\  /:::/    /    
        \:::\    \                    /:::/    /               /:::/    /      \/____/                  \:::\    \        \::::::/    /           \:::\/:::/    /     
         \:::\    \                  /:::/    /               /:::/    /                                 \:::\    \        \::::/    /             \::::::/    /      
          \:::\____\                /:::/    /               /:::/    /                                   \:::\____\        \::/____/               \::::/    /       
           \::/    /                \::/    /                \::/    /                                     \::/    /         ~~                      \::/____/        
            \/____/                  \/____/                  \/____/                                       \/____/                                                   
                                                                                                                                                                      
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ___  _   _    __    ____  __    _____   ___ 
            / __)( )_( )  /__\  (_  _)(  )  (  _  ) / __)
           ( (__  ) _ (  /(__)\   )(   )(__  )(_)( ( (_-.
            \___)(_) (_)(__)(__) (__) (____)(_____) \___/
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ________      ___  ___      ________      _________    ___           ________      ________     
            |\   ____\    |\  \|\  \    |\   __  \    |\___   ___\ |\  \         |\   __  \    |\   ____\    
            \ \  \___|    \ \  \\\  \   \ \  \|\  \   \|___ \  \_| \ \  \        \ \  \|\  \   \ \  \___|    
             \ \  \        \ \   __  \   \ \   __  \       \ \  \   \ \  \        \ \  \\\  \   \ \  \  ___  
              \ \  \____    \ \  \ \  \   \ \  \ \  \       \ \  \   \ \  \____    \ \  \\\  \   \ \  \|\  \ 
               \ \_______\   \ \__\ \__\   \ \__\ \__\       \ \__\   \ \_______\   \ \_______\   \ \_______\
                \|_______|    \|__|\|__|    \|__|\|__|        \|__|    \|_______|    \|_______|    \|_______|            
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ╔═╗┬ ┬┌─┐┌┬┐┬  ┌─┐┌─┐
            ║  ├─┤├─┤ │ │  │ ││ ┬
            ╚═╝┴ ┴┴ ┴ ┴ ┴─┘└─┘└─┘
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ▄▄·  ▄ .▄ ▄▄▄· ▄▄▄▄▄▄▄▌         ▄▄ • 
            ▐█ ▌▪██▪▐█▐█ ▀█ •██  ██•  ▪     ▐█ ▀ ▪
            ██ ▄▄██▀▐█▄█▀▀█  ▐█.▪██▪   ▄█▀▄ ▄█ ▀█▄
            ▐███▌██▌▐▀▐█ ▪▐▌ ▐█▌·▐█▌▐▌▐█▌.▐▌▐█▄▪▐█
            ·▀▀▀ ▀▀▀ · ▀  ▀  ▀▀▀ .▀▀▀  ▀█▄▀▪·▀▀▀▀ 
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ,. - .,               .·¨'`;        ,.·´¨;\                   ,.,   '               ,  . .,  °             ,.  '              , ·. ,.-·~·.,   ‘              ,.-·^*ª'` ·,        
            ,·'´ ,. - ,   ';\          ';   ;'\       ';   ;::\                ;´   '· .,        ;'´    ,   ., _';\'         /   ';\             /  ·'´,.-·-.,   `,'‚           .·´ ,·'´:¯'`·,  '\‘     
        ,·´  .'´\:::::;'   ;:'\ '       ;   ;::'\      ,'   ;::';             .´  .-,    ';\      \:´¨¯:;'   `;::'\:'\      ,'   ,'::'\           /  .'´\:::::::'\   '\ °       ,´  ,'\:::::::::\,.·\'    
       /  ,'´::::'\;:-/   ,' ::;  '     ;  ;::_';,. ,.'   ;:::';°           /   /:\:';   ;:'\'      \::::;   ,'::_'\;'     ,'    ;:::';'       ,·'  ,'::::\:;:-·-:';  ';\‚      /   /:::\;·'´¯'`·;\:::\°  
     ,'   ;':::::;'´ ';   /\::;' '     .'     ,. -·~-·,   ;:::'; '         ,'  ,'::::'\';  ;::';          ,'  ,'::;'  ‘       ';   ,':::;'       ;.   ';:::;´       ,'  ,':'\‚    ;   ;:::;'          '\;:·´  
     ;   ;:::::;   '\*'´\::\'  °     ';   ;'\::::::::;  '/::::;       ,.-·'  '·~^*'´¨,  ';::;          ;  ;:::;  °       ;  ,':::;' '        ';   ;::;       ,'´ .'´\::';‚  ';   ;::/      ,·´¯';  °    
     ';   ';::::';    '\::'\/.'         ;  ';:;\;::-··;  ;::::;        ':,  ,·:²*´¨¯'`;  ;::';          ;  ;::;'  ‘       ,'  ,'::;'           ';   ':;:   ,.·´,.·´::::\;'°  ';   '·;'   ,.·´,    ;'\      
      \    '·:;:'_ ,. -·'´.·´\‘       ':,.·´\;'    ;' ,' :::/  '       ,'  / \::::::::';  ;::';          ;  ;::;'‚         ;  ';_:,.-·´';\‘     \·,   `*´,.·'´::::::;·´     \'·.    `'´,.·:´';   ;::\'    
       '\:` ·  .,.  -·:´::::::\'       \:::::\    \·.'::::;         ,' ,'::::\·²*'´¨¯':,'\:;           ',.'\::;'‚         ',   _,.-·'´:\:\‘     \\:¯::\:::::::;:·´         '\::\¯::::::::';   ;::'; ‘  
         \:::::::\:::::::;:·'´'          \;:·´     \:\::';          \`¨\:::/          \::\'            \::\:;'‚          \¨:::::::::::\';      `\:::::\;::·'´  °            `·:\:::;:·´';.·´\::;'     
           `· :;::\;::-·´                          `·\;'            '\::\;'            '\;'  '           \;:'      ‘       '\;::_;:-·'´‘            ¯                           ¯      \::::\;'‚     
                                                      '               `¨'                                °                '¨                      ‘                                    '\:·´'       
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ▄████▄   ██░ ██  ▄▄▄      ▄▄▄█████▓ ██▓     ▒█████    ▄████ 
            ▒██▀ ▀█  ▓██░ ██▒▒████▄    ▓  ██▒ ▓▒▓██▒    ▒██▒  ██▒ ██▒ ▀█▒
            ▒▓█    ▄ ▒██▀▀██░▒██  ▀█▄  ▒ ▓██░ ▒░▒██░    ▒██░  ██▒▒██░▄▄▄░
            ▒▓▓▄ ▄██▒░▓█ ░██ ░██▄▄▄▄██ ░ ▓██▓ ░ ▒██░    ▒██   ██░░▓█  ██▓
            ▒ ▓███▀ ░░▓█▒░██▓ ▓█   ▓██▒  ▒██▒ ░ ░██████▒░ ████▓▒░░▒▓███▀▒
            ░ ░▒ ▒  ░ ▒ ░░▒░▒ ▒▒   ▓▒█░  ▒ ░░   ░ ▒░▓  ░░ ▒░▒░▒░  ░▒   ▒ 
              ░  ▒    ▒ ░▒░ ░  ▒   ▒▒ ░    ░    ░ ░ ▒  ░  ░ ▒ ▒░   ░   ░ 
            ░         ░  ░░ ░  ░   ▒     ░        ░ ░   ░ ░ ░ ▒  ░ ░   ░ 
            ░ ░       ░  ░  ░      ░  ░             ░  ░    ░ ░        ░ 
            ░                                                            
        </pre>
        <pre style="float:left;white-space:pre-wrap;" class="random-paragraph">
            ▄█▄     ▄  █ ██      ▄▄▄▄▀ █     ████▄   ▄▀  
            █▀ ▀▄  █   █ █ █  ▀▀▀ █    █     █   █ ▄▀    
            █   ▀  ██▀▀█ █▄▄█     █    █     █   █ █ ▀▄  
            █▄  ▄▀ █   █ █  █    █     ███▄  ▀████ █   █ 
            ▀███▀     █     █   ▀          ▀        ███  
                     ▀     █                             
                          ▀                              
        </pre>
    </div>
    <script>
        window.onload = function() {
            showRandomParagraph();
        };
        function showRandomParagraph() {
            const paragraphs = document.getElementsByClassName("random-paragraph");            
            for (let i = 0; i < paragraphs.length; i++) {
                paragraphs[i].style.display = "none";
            }
            const randomIndex = Math.floor(Math.random() * paragraphs.length);
            paragraphs[randomIndex].style.display = "block";
        }
    </script>
</body>
</html>
